<!DOCTYPE html>
<html>
<head>
    <include file="Public/head"/>
    <link href="__CSS__/main.css" rel="stylesheet" type="text/css" />
    <link href="__CSS__/mask.css?{:rand()}" rel="stylesheet" type="text/css" />
    <script src="__JS__/jquery-2.1.0.min.js"></script>
    <script src="__JS__/btn.js?{:rand()}"></script>
</head>
<body>

<header id="header">
    <div class="header_l header_return"> <a class="ico_10" href="{:U('Order/all')}"> 返回 </a> </div>
    <h1> 订单状态 </h1>
    <div class="header_r"><a class="edit" href="/" style="text-indent:0;line-height: 50px;font-size: 16px;color:#fff;">首页</a></div>
</header>
<section class="wrap">
    <section class="order_box padd1 radius10">
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="ectouch_table">
            <tr>
                <td>订单状态：{:get_order_status($info['pay_type'],$info['pay_status'],$info['deliver_type'],$info['deliver_status'],$info['status'])} </td>
            </tr>
            <tr>
                <td>订单编号：{$info.number}</td>
            </tr>
            <if condition="$info.transaction_id">
                <tr><td>微信订单号：{$info.transaction_id}</td></tr>
            </if>
            <tr>
                <td>订单金额：￥<span>{$info.total_price}</span></td>
            </tr>
            <tr>
                <td>下单时间：{$info.created_at|date="Y-m-d H:i:s",###}</td>
            </tr>
            <if condition="$info['time_end'] lt 0">
                <tr>
                    <td>支付时间：{$info.time_end|date="Y-m-d H:i:s",###}</td>
                </tr>
            </if>

        </table>
    </section>

    <section class="order_box padd1 radius10">
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="ectouch_table">
            <tr>
                <td width="32%" align="right">收货人姓名：</td>
                <td width="68%" align="left">{$info.user_name}</td>
            </tr>
            <tr>
                <td align="right">电子邮件地址：</td>
                <td align="left">{$info.email}</td>
            </tr>
            <tr>
                <td align="right">详细地址：</td>
                <td align="left">{$info.address}
                </td>
            </tr>
            <tr>
                <td align="right">电话：</td>
                <td align="left">{$info.mobile} </td>
            </tr>
        </table>
    </section>

    <section class="order_box padd1 radius10">
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="ectouch_table">
            <volist name="info['goods']" id="item">
                <tr>
                    <td rowspan="2" width="60" align="center" valign="middle" style="border-bottom:1px #CCCCCC dashed">
                        <a href="{:U('Goods/detail',array('id'=>$item['goods_id']))}" target="_blank"><img src="http://{:C('DOMAIN')}{:get_item_imgs($item['cover'],1,'path')['path']}" width="120" height="120" /></a></td>
                    <td>{$item.title}</td>
                </tr>
                <tr>
                    <td style="border-bottom:1px #CCCCCC dashed">
                        售价：￥<span>{$item.price}</span> <br>
                        数量：{$item.number}件<br>
                        小计：￥<span>{$item['price']*$item['number']}</span>
                        {:hook("order_goods_show",$item["tags"])}
                    </td>
                </tr>
            </volist>
        </table>
        <!--<table width="100%" border="0" cellpadding="5" cellspacing="0" class="ectouch_table">-->
        <!--<tr>-->
        <!--<td align="right"> 应付款金额: ￥<span>{$info.total_price}</span></td>-->
        <!--</tr>-->
        <!--<tr>-->
        <!--<td align="right">-->
        <!--</td>-->
        <!--</tr>-->
        <!--<tr>-->
        <!--<td align="right">应付款金额: ￥<span>150.00</span>-->
        <!--</td>-->
        <!--</tr>-->
        <!--</table>-->
    </section>

    <!--<section class="order_box padd1 radius10">-->
    <!--<table width="100%" border="0" cellpadding="5" cellspacing="0" class="ectouch_table">-->
    <!--<tr>-->
    <!--<td bgcolor="#ffffff"> 所选支付方式: 微信支付。<br>应付款金额: <strong>￥<span>{$info.total_price}</span></strong><br />-->
    <!--开通城市：×××-->
    <!--货到付款区域：×××<br></td>-->
    <!--</tr>-->
    <!--<tr>-->
    <!--<td bgcolor="#ffffff" align="center"></td>-->
    <!--</tr>-->
    <!--</table>-->
    <!--</section>-->

    <section class="order_box padd1 radius10">
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="ectouch_table">
            <tr>
                <td width="25%" align="right" bgcolor="#ffffff">配送方式：</td>
                <switch name="info.deliver_type">
                    <case value="0">
                        <td colspan="3" width="75%" align="left" bgcolor="#ffffff">到店取货</td>
                    </case>
                    <case value="1">
                        <td colspan="3" width="75%" align="left" bgcolor="#ffffff">送货上门</td>
                    </case>
                </switch>

            </tr>

            <tr>
                <td width="15%" align="right" bgcolor="#ffffff">支付方式：</td>
                <switch name="info.pay_type">
                    <case value="0">
                        <td colspan="3" width="75%" align="left" bgcolor="#ffffff">货到付款</td>
                    </case>
                    <case value="1">
                        <td colspan="3" align="left" bgcolor="#ffffff">微信支付</td>
                    </case>
                </switch>
            </tr>

            <!--<tr>-->
            <!--<td width="15%" align="right" bgcolor="#ffffff">缺货处理：</td>-->
            <!--<td colspan="3" align="left" bgcolor="#ffffff">等待所有商品备齐后再发</td>-->
            <!--</tr>-->
        </table>

        <if condition="!empty($wuliu)">
            <style>
                .track-list{
                    width: 96%;
                    padding: 0 2%;
                    margin-top: 15px;
                    border-top: 1px solid #dbdbdb;
                    padding-top: 10px;
                }
                .track-list .list li {
                    position: relative;
                    padding: 9px 0 0 25px;
                    line-height: 18px;
                    border-left: 1px solid #d9d9d9;
                    color: #333;
                }
                .track-list li{
                    /*border-bottom: 1px solid #dbdbdb;*/
                    /*line-height: 30px;*/
                    /*padding: 10px 0;*/
                }
                .track-list li p{
                    line-height: 30px;
                    color: #6f6f6f;
                }
                .track-list li .node-icon {
                    position: absolute;
                    left: -6px;
                    top: 50%;
                    width: 11px;
                    height: 11px;
                    background: url(//misc.360buyimg.com/user/order/0.0.1/css/i/order-icons.png) -21px -72px no-repeat;
                }
                .track-list li.first .node-icon {
                    background-position: 0 -72px;
                }
                .track-list li.first {
                    color: #e4393c;
                    padding-top: 0;
                    border-left-color: #fff;
                    font-size: 18px;
                    font-weight: 600;
                }
                .track-list li.first .txt{
                    font-size: 14px;
                }
                .track-list li .time, .track-list li .txt {
                    position: relative;
                    top: 4px;
                    display: inline-block;
                    vertical-align: middle;
                }
                .track-list li .time{
                    margin-right: 20px;
                }
                .black{ color:#999;}
            </style>
            <div class="track-list">
                <ul>
                    <li style=" font-size:14px; line-height:40px;">
                        物流信息
                    </li>
                </ul>
                <ul class="list">
                    <volist name="wuliu['data']" id="val">
                        <li <eq name="i" value="1"> class="first"</eq> ><i class="node-icon"></i><span class="time">{$val->time}</span>
                        <span class="txt">{$val->context}</span>
                        </li>
                    </volist>
                </ul>
            </div>
        </if>



        <div class="choose-btn">
            {:get_order_btn($info['pay_type'],$info['pay_status'],$info['deliver_type'],$info['deliver_status'],$info['status'],$info['id'])}
        </div>
    </section>

</section>


<div class="mask hidden">
    <div class="message">
        <div class="message-tip"></div>
        <div class="message-button">
            <span class="message-cancel">取消</span>
            <span class="message-queren">确认</span>
        </div>
    </div>
</div>
<include file="Public/bottom"/>
</body>
</html>
